<template>
	<view class="onlytitlelist">
		<view class="titlebox">
			<view class="imgbox" v-if="lefticon"><u--image :mode="'aspectFit'" :src="lefticon" width="36rpx" height="36rpx"></u--image></view>
			<view>{{ title }}</view>
		</view>
		<slot></slot>
	</view>
</template>

<script>
export default {
	name: 'uni-onlytitlelist',
	props: {
		title: {
			type: String,
			default: '信息'
		},
		lefticon: {
			type: String,
			default: ''
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.onlytitlelist {
	margin: 20rpx 30rpx 0;
	background: #fff;
	border-radius: 8rpx;
	padding: 24rpx 22rpx;
	.titlebox {
		display: flex;
		align-items: center;
		margin-bottom: 8rpx;
		.imgbox {
			margin-right: 20rpx;
		}
	}
}
</style>
